<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#layout ul { list-style: none; }

body { margin:0 auto; font-size:12px; font-family:Verdana; line-height:1.5;}
ul,dl,dt,dd,h1,h2,h3,h4,h5,h6,form { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#05a; text-decoration:none;}
a:hover { color:#f00;}

#layout ul li {
	margin: 20px 0px 0px 20px;
	float: left;
	width: 32px;
	text-align: center;
	display:inline;
}
#layout ul li a { display: block; }
#layout ul li a img {
	border: 1px solid  #CCC;
}

#layout ul li a:hover img {
	border: 1px solid #F00;
}


#layout {
	width: 312px;
	border: 2px solid #CCC;
	padding: 2px;
	overflow:auto;
	zoom:1;
}
</style>
</head>

<body>

<div id="layout">
<ul>
<li><a href="#"><img src="../small_png/Add Green Button.png" width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
<li><a href="#"><img src="../small_png/Add Green Button.png"  width="30" height="30" />三亚</a></li>
</ul>
</div>
</body>
</html>
